.top {
    padding: 12px 12px 0;

    .nav {
        height: 100%;
        width: 100%;
        background: #ffffff;
        padding: 0 12px 12px;
        box-sizing: border-box;

        .demo-tabs {
            :deep(.el-tabs__header) {
                margin: 0;

                .el-tabs__nav-wrap {
                    .el-tabs__nav {
                        .el-tabs__item {
                            padding: 0 10px;

                            .icon {
                                font-size: 12px;
                                padding: 0 3px;
                                margin-left: 5px;
                                border-radius: 2px;
                            }
                        }

                        .el-tabs__item.is-top:nth-child(2) {
                            padding-left: 0;
                        }
                    }
                }
            }

            :deep(.el-tabs__nav-wrap::after) {
                height: 1px;
            }
        }
    }
}


.search {
    position: relative;
    padding-bottom: 6px;
    display: flex;
    justify-content: end;

    .input-item {
        width: calc((100vw / 100) * 9);
        min-width: 100px;
        margin-bottom: 5px;
    }

    .mr5 {
        margin-right: 5px;
    }

    .input-with-select {
        width: 250px;
        margin-bottom: 5px;

        .item-select {
            width: 115px;
        }
    }

    .btn {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }


    .btn_dropdown {
        box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
        height: 26px;
        border-radius: 2px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 1px 11px;
        margin-bottom: 5px;
        margin-right: 5px;

        .btn_dropdown_type {
            padding: 1px 11px;
            height: 25px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            font-size: 12px;
        }

        .btn_dropdown_sort {
            border-left: 1px solid #dcdfe6;
            padding: 1px 11px;
            height: 25px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            font-size: 12px;
        }
    }
}

.btns {
    margin: 10px 0;

    .btn {
        display: flex;
        align-items: center;

        .iconfont {
            margin-right: 5px;
        }

        .icon-shangjifenpai_line {
            transform: rotateY(180deg);
        }
    }

    .mr5 {
        margin-right: 5px;
    }
}

.pagination {
    padding: 12px 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.select-time {
    margin: 10px 0;

    :deep(.el-date-editor) {
        width: 200px;
        height: 28px;
        margin-bottom: 5px;
    }
}

.table-list {
    .iconfont {
        margin-left: auto;
        font-size: 12px;
        cursor: pointer;
    }

    .number {
        color: #007cff;
        cursor: pointer;

        &:hover {
            text-decoration: underline;
        }
    }

    .repeat {
        display: inline-block;
        font-size: 12px;
        line-height: 20px;
        padding: 0 4px;
        margin-right: 8px;
        border-radius: 2px;
        color: #fff;
        background: #f56c6c;
        cursor: pointer;
    }

    .reminder {
        display: inline-block;
        font-size: 12px;
        line-height: 20px;
        padding: 0 4px;
        margin-right: 8px;
        border-radius: 2px;
        color: #fff;
        background: #e69103;
    }

    .module {
        display: inline-block;
        font-size: 12px;
        line-height: 22px;
        padding: 0 6px;
        border-radius: 2px;
        color: #383838;
        background: #E6EAF0;
    }

    .status {
        display: inline-block;
        font-size: 12px;
        line-height: 22px;
        padding: 0 6px;
        border-radius: 2px;
    }

    .bg-status1 {
        color: #00c0c0;
        background: #e1f8f8;
    }

    .bg-status2 {
        color: #e69103;
        background: #fdf4de;
    }

    .bg-status3 {
        color: #007cff;
        background: #e6f1ff;
    }

    .bg-status4 {
        color: #f56c6c;
        background: #f5efef;
    }

    .select-work {
        display: inline-block;
        font-size: 12px;
        padding: 0 4px;
        border-radius: 2px;
        color: #ffffff;
        background-color: #00c0c0;
        cursor: pointer;
    }

    :deep(td.el-table-fixed-column--right) {
        display: none;
    }
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
    width: 16px;
    height: 16px;
    background-color: #007cff;
}

.btn_save {
    width: 60px;
}

.btn_delete {
    width: 60px;
    color: #fff;
}

.btn_cancel {
    width: 60px;

    &:hover {
        border: 1px solid #e5e5e5;
        color: #999;
        background-color: #e5e5e5;
    }
}

.el-tag.el-tag--success {
    --el-tag-text-color: #00c0c0;
    --el-tag-bg-color: #ebf6f6;
    --el-tag-border-color: #ebf6f6;
    --el-tag-hover-color: #00c0c0;
}

.el-tag.el-tag--info {
    --el-tag-border-color: var(--el-color-info-light-9);
}

.el-tag {
    --el-tag-border-color: var(--el-color-primary-light-9);
}

.el-tag.el-tag--warning {
    --el-tag-border-color: var(--el-color-warning-light-9);
}